<template>
    <div class="box">
        <el-tabs v-model="activeName" @tab-click="handleClick" class="demo-tabs" style="padding: 24px; width: 100%;">
            <el-tab-pane label="元数据目录" name="first">
                <columnList v-if="isbool" />
            </el-tab-pane>
            <el-tab-pane label="目标元数据目录" name="second">
                <targetindex v-if="isbool1" />
            </el-tab-pane>

        </el-tabs>
    </div>
</template>

<script>
import columnList from "./columnList"
import targetindex from "./targetindex"
export default {
    components: { columnList, targetindex },
    data() {
        return {
            activeName: "first",
            isbool: true,
            isbool1: false,
        }
    },
    methods: {
        handleClick(tab, event) {
            if (tab.name == "first") {
                this.isbool = true
                this.isbool1 = false
            } else if (tab.name == "second") {
                this.isbool = false
                this.isbool1 = true
            }
        }
    }
}
</script>
<style lang="scss"></style>